<template>
  <div class="app-container">
      <div class="web-setting">
        <div style="margin: 10px 0;">web端设置</div>
        <el-card class="box-card">
        <div style="display: flex;">
          <div class="box-left" style="margin-right: 100px;">
            <div class="setting-title">皮肤设置</div>
            <imageUpload style="margin:20px 0;" v-model="user.avatar" :limit="1"/>
          </div>
          <div class="box-right">
            <div class="setting-title">登录页设置</div>
            <div style="display: flex;margin: 20px 0;">
              <div style="margin-right: 20px;">背景</div>
              <imageUpload  v-model="user.avatar" :limit="1"/>
            </div>
            <el-form ref="form" :model="form" label-width="40px">
              <el-form-item label="名称">
                <el-input v-model="form.name" placeholder="请输入名称"></el-input>
              </el-form-item>
            </el-form>
          </div>
        </div>
      </el-card>
      </div>
      <div class="app-setting">
        <div style="margin: 10px 0;">移动端设置</div>
        <el-card class="box-card">
        <div style="display: flex;">
          <div class="box-left" style="margin-right: 100px;">
            <div class="setting-title">皮肤设置</div>
            <imageUpload style="margin:20px 0;" v-model="user.avatar" :limit="1"/>
          </div>
        </div>
      </el-card>
      </div>
  </div>
</template>

<script>
export default {
  name: "Profile",
  data() {
    return {
      user: {},
      form: {}
    };
  },
  created() {
  },
  methods: {
  }
};
</script>
<style lang="scss" scoped>
.setting-title {
  font-weight: 700;
}
</style>
